<template>
	<div class="order-checked">
		<el-cascader
			class="cascader-warp"
			clearable
			v-bind="$attrs"
			v-on="$listeners"
			:props="{ label: 'name', value: 'id', emitPath: false, checkStrictly: true }"
			:options="options"
		></el-cascader>
	</div>
</template>

<script>
export default {
	name: "menuSelect",
	props: {
		size: {
			type: String,
			default: "small"
		}
	},
	data() {
		return {
			options: []
		};
	},

	mounted() {
		this.init();
	},
	methods: {
		async init() {
			const data = await this.$service.order.page();
			this.options = data.list;
		}
	}
};
</script>

<style lang="scss" scoped>
.select-warp {
	width: 100%;
}

.cascader-warp {
	width: 100%;
}
</style>
